<html>
    <head>
        <title>html介绍</title>
        <meta charset='utf-8'>
        <link rel='stylesheet' type='text/css' href='../css/c1.css'>
    </head>
    <body>
        <hr>
        <div class='title'>HTML介绍</div>
          <div style="text-indent:20px">文字描述：Hyper Text Markup Language 超文本标签语言</div>
        <hr/>
        <div class='title'>代码示例</div>
        <div class='code'>
            <pre>
                &lt;<span class='red'>html</span>&gt;
                    &lt;head&gt;title &lt;/head&gt;
                    &lt;body&gt;
                    &lt;button&gt;
                        text
                    &lt;/button&gt;
                    &lt;/body&gt;
                &lt;<span class='red'>/html</span>&gt;
            </pre></div>
                <hr/>
        <div  class='title'>代码效果</div>
        <div class='result'>
        <button>text</button>
        </div>
    </body>
</html>